@charset "utf-8";

/* CSS Document */


/*===================CSS Reset================*/

::selection {color:#fff;background-color: #90fae8;}

::-moz-selection {color:#fff;background-color: #90fae8;}

::-webkit-selection {color:#fff;background-color: #90fae8;}

::-webkit-scrollbar {width: 2px;height: 2px;background-color: #F5F5F5;}

::-webkit-scrollbar-track {border-radius: 10px;background-color: #1f1f20;}

::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #90fae8;}

* {padding: 0;margin: 0; box-sizing:border-box;}

body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px;}

/*html, body { scroll-behavior:smooth; }*/

@media (max-width:191.25rem){html{font-size:1rem;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}



:focus { outline: 0;}

 input,button,a { outline:0;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,summary {display: block;}

ins {background-color: #ff9;color: #000;text-decoration: none;}

mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}

input,select {vertical-align: top;}

li,ul {list-style-type: none;}

img {border: none;}

a{text-decoration: none; color:#393939;}

a:link,a:hover,a:active,a:visited {text-decoration: none;}

input,textarea {outline: 0;border: 0;}

textarea {resize: none;}

h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}

ul, li {list-style: none;margin: 0;padding: 0;}



/*自定义样式*/

.fl {float: left;}

.fr {float: right;}

.m{width: 1200px;margin: 0 auto; display: block;}

.img{ overflow:hidden;}

.img img{ width:100%; height:100%;}

.txt p{ color:#777;}

.clear{ clear:both;}



/*主体开始*/

.m{ width:1200px; margin:0 auto;}

#section0.active #header{ top:0;}

#section0 .owl-carousel{ width:100%; height:100%; }

#section0 .item{ height:100vh;}

#section0 .owl-dots{ position:absolute; bottom:50px; z-index:99; width:100%; text-align:center;}

#section0 button.owl-dot { border: 1px solid #fff !important;}

#section0 button.owl-dot.active{ background:#fff;}

.j_tab{  width: 100%; height: 100%; display:table;}

.j_tab_cel{width: 100%; height: 100%; display: table-cell; vertical-align:middle; text-align:center;}

#section0 .item h3{ color:#fff; font-size:2.8125rem; font-weight:bold;}



/*banner*/



.bn-box {

    width: 100%;

    overflow-x: hidden;

    position: relative;

    z-index: 0;

}

.banner {

    width: 100%;

    height:100vh;

    position: relative;

    overflow: hidden;

}

.banner li{ width: 100%;

    height:100vh;}

.banner li a{ display:block; width:100%; height:100%;}

.banner li img{

    min-width: 100%; min-height:100%; position:absolute; left:50%; margin-left:-1000px; top:50%; margin-top:-540px;

}

/*上一个  下一个*/

.banner .prev{ 

  display:block; width:74px; height:74px; border:1px solid #fff; border-radius:50%; display:block;

  position: absolute;

  left: 96px;

  top: 50%; opacity:.5;

  margin-top: -11px;

  z-index:9; transition:ease-in-out .5s; -webkit-transition:ease-in-out .5s;

}

.banner .prev:before{ content:"<"; font-family:simsun; line-height:72px; color: #fff; font-size:20px; transition:.5s; -webkit-transition: .5s;}

.banner .next {

  display:block; width:74px; height:74px; border:1px solid #fff; border-radius:50%; display:block;

  position: absolute;

  right: 96px; opacity:.5;

  top: 50%;

  margin-top: -11px;

  z-index:9; transition:ease-in .5s; -webkit-transition:ease-in .5s;

}

.banner .next:before{ content:">"; font-family:simsun; line-height:72px; color: #fff; font-size:20px; transition:.5s; -webkit-transition:.5s;}

/*banner end*/

/*banner end*/

.mouse { position: absolute; left:50%; bottom: 67px; text-align: center; z-index: 50; }

.mouse span { display: inline-block; width: 26px; height: 40px; border:1px solid #fff; border-radius:12px; margin: auto; position: relative; }

.mouse span:before { content: ""; width: 2px; height: 7px; background: #fff; position: absolute; left: 50%; margin-left: -1px; top: 4px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }

.mouse b { display: block; text-align: center; color: #766047; font-size: 1.125rem; line-height: 1; font-family: Arial; margin-top: 4px; font-weight: normal; }

@-webkit-keyframes arrow {

    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }

    33% { opacity: 1; }

    66% { opacity: 1; }

    100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }

}



@keyframes arrow {

    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }

    33% { opacity: 1; }

    66% { opacity: 1; }

    100% { opacity: 0; transform: translate3d(0px, 10px, 0px); }

}







#header {

    position: absolute; top:0; right:0; left:0;

    display: block; background:rgba(255,255,255,.8);

    width: 100%;

    z-index: 9;

    color: #333;

}



#header{ height:4.25rem; line-height:4.25rem; box-sizing:content-box;  padding-top:0; transition:.5s;

/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,.3)), to(transparent));

background: -webkit-linear-gradient(rgba(0,0,0,.3), transparent);

background: -moz-linear-gradient(rgba(0,0,0,.3), transparent);

background: -ms-linear-gradient(rgba(0,0,0,.3), transparent);

background: -o-linear-gradient(rgba(0,0,0,.3), transparent);

background: linear-gradient(rgba(0,0,0,.3), transparent);

-pie-background: linear-gradient(rgba(0,0,0,.3), transparent);*/}

#header #logo{ float:left; margin-top:10px;}

#header #logo img{ width:13.1875rem;}

#header #nav{ float:left; margin-left:50px;}

#header #nav ul{}

#header #nav ul li{ display:inline-block;}

#header #nav ul li a{ color:#666; font-size:1.0625rem; margin:0 1.125rem; transition:.3s;}

#header #nav ul li.on a,#header #nav ul li:hover a{ color:#e00025 !important;}

#header #yuyan{ float:right; margin-right:-12px; background:url(../images/n_yuyan.png) left center no-repeat; background-size:1.3125rem; padding-left:1.25rem;}

#header #yuyan img{ position:relative; top:4px;}

#header #yuyan a{ font-size:0.875rem; color:#666; padding:0 12px;}

#header #yuyan i{ display:inline-block; width:1px; height:0.9375rem; background:#999; opacity:.2; position:relative; top:3px;}



/*.fp-viewing-0 #header{background:none !important; padding-top:2.375rem;}

.fp-viewing-0 #header #nav ul li a{ color:#fff !important;}

.fp-viewing-0 #header #yuyan{ background:url(../images/yuyan.png) left center no-repeat;}

.fp-viewing-0 #header #yuyan a{ color:#fff !important;}

.fp-viewing-0 #header #yuyan i{ background:#fff;}*/

.fp-viewing-6 #header{ opacity:0; top:-68px;}





#my-video{position: absolute;

		left: 50%; margin-left:-1000px;

		bottom: 0;

		top:0;

   		z-index:3;

		width: 2000px;

		height: 1111px;

		background-size: 100% 100%;

 		background-color: black; /* in case the video doesn't fit the whole page*/

  		background-image: /* our video */;

  		background-position: center center;

  		background-size: contain;

   		object-fit: cover; /*cover video background */

   	    object-position: center center;

  	    }

#my-video_html5_api{width: 100%; height: 100%; object-fit:fill;}

#my-video .vjs-big-play-button {

    height:81px;

    width: 81px; background:url(../images/play.png) center no-repeat; border:0;

    position: absolute;

    top: 80%;

    left: 50%; margin-left:-33px; margin-top:-150px;

    padding: 0;

    cursor: pointer;

    opacity: 1;

    border-radius: 100%;

    transition: all .4s; transition:.8s; opacity:0; transform:scale(.5);

}

#section1.active #my-video .vjs-big-play-button {top: 50%; transition:.8s; opacity:1; transform:scale(1);}

.vjs-big-play-button span.vjs-icon-placeholder:before{ content:none !important;}

#my-video .vjs-big-play-button:focus,#my-video:hover .vjs-big-play-button {

    border-color: #fff;

    background-color: transparent;

   /* transition: all 0s;*/

}



#my-video .vjs-big-play-button:after{ content:"伊品生物科技企业宣传片"; bottom:-60px; position:absolute; font-size:1.375rem; color:#444; width:500px; left:50%; margin-left:-250px; text-align:center; letter-spacing:0;}





#section2{}

#section2 ul{}

#section2 ul li{ width:33.333%; float:left; height:100vh; position:relative; z-index:0; overflow:hidden;}

#section2 ul li:before{ content:""; width:0; height:100vh; position: absolute; right:0; top:0; background:rgba(224,0,37,.9); z-index:-1; transition:.8s;}

#section2 ul li:hover:before{ width:100%; right:auto; left:0;}

#section2 ul li .txt{ text-align:left; width:23rem; display:inline-block; }

#section2 ul li h5{ font-size:1.875rem; font-weight:bold; color:#fff; margin-bottom:25px;}

#section2 ul li p{ font-size:0.875rem; color:#fff; opacity:.8;    height: 40px; line-height: 20px;}

#section2 ul li .j_btn{ padding-top:42px; margin-top:30px; border-top:2px solid #fff; padding-right:5rem;}

#section2 ul li .j_btn a{ display:inline-block; width:100px; height:35px; margin-right:1.0625rem; margin-bottom:1.5rem; font-size:0.875rem; text-align:center; line-height:35px; color:#fff; border-radius:3px; border:1px solid #fff; border:1px solid rgba(255,255,255,.7); position:relative; overflow:hidden;}

#section2 ul li .j_btn a:after {

  content: '';

  width: 0;

  height: 0;

  -webkit-transform: rotate(360deg);

  border-style: solid;

  border-width: 0 0 0 0;

  border-color: #fff transparent transparent transparent;

  position: absolute; -webkit-transition: 0.5s; transition: 0.5s; z-index:-1;

  top: 0;

  left: 0;}

#section2 ul li .j_btn a:hover { color: #e00025;}

#section2 ul li .j_btn a:hover:after { border-width: 330px 330px 0 0;}







#section3{ background:url(../images/j_bg.jpg) repeat; width:100%; overflow: hidden;}

#s_news{ width:100vw; overflow:hidden;}

#section3 h3{ margin-bottom:3.4375rem;}

#section3 h3 img{ width:8.9375rem;}

#section3 .owl-carousel{ width:100%; overflow:hidden;}

#section3 .item{}

#section3 .item .img{overflow:hidden;padding-bottom: 62%;position: relative;}

#section3 .item .img img{transition:1s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

#section3 .item:hover .img img{ transform:scale(1.1);}

#section3 .item .txt{ text-align:left; padding:25px 1.25rem 0;}

#section3 .item .txt h5{ font-size:1.0625rem; color:#444444; margin-bottom:1.125rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#section3 .item .txt p{ font-size:12px; color:#959595; line-height:1.25rem; height:2.5rem; overflow:hidden;}

#section3 .item .txt .time{ margin-top:1rem; border-top:1px solid #d1d1d1; line-height:3rem; opacity:0; transition:.5s; padding:0 1.875rem;}

#section3 .item:hover .txt .time{ opacity:1; padding:0 0;}

#section3 .item .txt .time span{ font-size:13px; color:#949494; font-family:arial;}

#section3 .item .txt .time i{ font-family:simsun; float:right;}

#s_news .owl-nav{ display:block !important; height:3.125rem; margin-top:1rem;} 

#s_news .owl-next{ width:102px; height:1rem; background:url(../images/s_news_right.png) center no-repeat; font-size:0;}

#s_news .owl-prev{ width:102px; height:1rem; background:url(../images/s_news_left.png) center no-repeat; font-size:0; border-right:1px solid #adadad;}

#s_news .owl-prev:hover{background:url(../images/s_news_left_on.png) center no-repeat;}

#s_news .owl-next:hover{background:url(../images/s_news_right_on.png) center no-repeat;}

#s_news .owl-dots{ display:none !important}





/*==============分享插件=====================*/

.footer .shart_box{ position:relative; top:10px;}

#j_shart_s_24 .fx{ position:relative; }

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ position:relative;}

.bdshare-button-style0-24 a{ transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); margin-right:2px !important;}

#j_shart_s_24 strong{ display: inline-block; float:left; margin-right:10px; line-height:36px; font-size:12px; color: #a3a0a9; font-weight:normal;}

#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat;}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}



.footer{ background:url(../images/s_foot_bg.jpg) center no-repeat; width:100%; overflow:hidden;}

.footer .box1{ overflow:hidden; text-align:left;}

.footer .ewm div{ float:left; width:5.3125rem; margin-left:13px;}

.footer .ewm div img{ width:5.3125rem; height:5.3125rem;}

.footer .ewm div p{ font-size:12px; color:#737373; line-height:2.25rem; text-align:center;}

.footer .box2{ position:relative;}

.footer .box2:before{ content:""; width:2000px; height:1px; background:#dedfe0; display:block; position:absolute; left:50%; margin-left:-1000px; top:2.5rem;}

.foot_nav{ margin:0 -28px; margin-top:4.375rem; position:relative;}

.foot_nav:before{ content:""; width:30px; height:3px; background:#e00025; display:block; position:absolute; top:2.4375rem; left:0;}

.foot_nav:after{ content:""; width:30px; height:3px; background:#e00025; display:block; position:absolute; top:2.4375rem; right:0;}

.foot_nav dl{ margin:0 4rem; display:inline-block; vertical-align: text-top;}

.foot_nav dl dt{ margin-bottom:2.25rem;}

.foot_nav dl dt a{ font-size:1rem; color:#4f4f4f; transition:.3s;}

.foot_nav dl dd a{ font-size:0.875rem; color:#848484; line-height:1.75rem; transition:.3s;}

.footer a:hover{ color:#333 !important;}

.footer .box3{ margin-top:4.0625rem; text-align:left; margin-bottom:12.5rem; overflow:hidden;}

.foot_bot{ font-size:0.8125rem; color:#6d6d6d; line-height:1.875rem;}

.foot_bot *{ font-size:0.8125rem; color:#6d6d6d; display:inline-block;}

.foot_bot img{ position: relative; margin-right: 6px; top: 3px; width:1.125rem;}



#n_header {

    position: fixed; top:0;

    display: block;

    width: 100%;

    z-index: 9;

    color: #333;

}



#n_header{ height:5.3125rem; line-height:5.3125rem; box-sizing:content-box; background:#fff; background:rgba(255,255,255,.8);}

#n_header #logo{ float:left; margin-top:10px;}

#n_header #nav{float:left;margin-left:3.125rem;position: relative;z-index: 999;}

#n_header #nav ul{}

#n_header #nav ul li{ display:inline-block;}

#n_header #nav ul li>a{ color:#383838; display:block; font-size:1.0625rem; padding:0 1.125rem; transition:.3s;}

#n_header #nav ul li.on>a{ background:#e00025; color:#fff !important;}

#n_header #nav ul li:hover a{ color:#e00025;}

#n_header #yuyan{ float:right; margin-right:-12px;}

#n_header #yuyan img{ position:relative; top:4px;}

#n_header #yuyan a{ font-size:0.875rem; color:#383838; padding:0 12px; transition:.3s;}

#n_header #yuyan a:hover{ color:#e00025;}

#n_header #yuyan i{ display:inline-block; width:1px; height:0.9375rem; background:#f4f4f4; position:relative; top:3px;}



#n_main{ padding-top:5.3125rem; padding-bottom:5rem;}



/*内页banner*/



.ny_banner {width:100%;height: 310px;}



.n_nav_box{ height:59px; border-bottom:1px solid #e2e2e2; box-sizing: border-box; margin-bottom:70px; }

.n_nav_box .m{ position:relative;}

.n_nav{ position:relative; text-align:center; font-size:0; float:left;}

.n_nav a{ cursor:pointer; display:inline-block; padding:0 12px; height:59px; line-height: 59px; margin-right:50px; text-align: center;box-sizing: border-box;position: relative; -webkit-transition:0.2s;transition:0.2s;}

.n_nav a{ color: #484646;position:relative;z-index:4;font-size:1rem;height: 59px;line-height: 59px;font-weight: 100; border-bottom:1px solid #848484;}

.n_nav .on,.n_nav a:hover{ border-bottom:1px solid #e00025; color: #e00025;}

.n_nav a:after{content:"";width:9px;height:6px;position: absolute;bottom:-10px; left:50%; margin-left:-4.5px; background:url(../images/n_nav_ico.png) center no-repeat; -webkit-transition:0.3s;transition:0.3s; opacity:0; transform:scale(0); -webkit-transform:scale(0);}

.n_nav .on:after,.n_nav a:hover:after{ transform:scale(1); -webkit-transform:scale(1); opacity:1; bottom:-1.375rem;}

.position{ float:right; line-height: 59px;right:0px; color: #999999;padding-left: 1.0625rem;font-size: 12px;background: url(../images/home_ico.png) left center no-repeat;}

.position span, .position a, .position i{font-size:13px; margin:0 4px; color: #adadad; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.position i{ font-size:0.9375rem;}

.position em{font-size:12px;color: #e00025;font-style: normal; margin-left:4px;}

.position a:hover{color: #e00025;}





#n_footer{ background:url(../images/foot_bg.jpg) repeat; padding-top:90px; text-align:center;}

#n_footer .box3{ margin-bottom:80px; margin-top:40px;}

#n_footer .foot_nav{ margin-top:50px;}



.ar_article{font-size:14px;color:#484646;line-height:28px;}

.ar_article p{font-size:14px;color:#484646;line-height:28px;margin-bottom: 23px;}	

.ar_article strong{ font-weight:bold;}

.ar_article img{ max-width:100%;}

.ar_article a{ color:#6b6b6b;}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}

.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}

.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}

.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}

.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}

.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}

.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}

.ar_article ul li,

.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }

.ar_article ul,

.ar_article ol{ margin-bottom:0.9375rem;}

.ar_article sub {vertical-align:sub; font-size: smaller;}

.ar_article sup { vertical-align:super; font-size: smaller;}

.ar_article p span{ }

.ar_article img{ display:inline-block;}

.ar_article td,

.ar_article th{padding: 10px 0.9375rem;border: 1px solid #cfcfcf;}

.ar_article td p,

.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.ar_article table {border-collapse: collapse;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}

.ar_article table td {border-left: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;line-height: 24px;}

p.no_padding{ padding:0; margin:0;}



#n_sub_nav{ text-align:center; font-size:0; margin-bottom:70px;}

#n_sub_nav a{ display: inline-block; width:155px; height:40px; text-align:center; line-height:38px; border-radius:1.25rem; border:1px solid #d2d2d2; font-size:0.875rem; color:#4e4e4e; margin:0 5px;

 position: relative; overflow:hidden; z-index:0; -webkit-transition: 0.3s; transition: 0.3s;

}

#n_sub_nav a:after {

  content: '';

  width: 0;

  height: 0;

  -webkit-transform: rotate(360deg);

  border-style: solid;

  border-width: 0 0 0 0;

  border-color: #e00025 transparent transparent transparent;

  position: absolute; -webkit-transition: 0.5s; transition: 0.5s; z-index:-1;

  top: 0;

  left: 0;}

#n_sub_nav a:hover { color: #fff;}

#n_sub_nav a:hover:after { border-width: 330px 330px 0 0;}

#n_sub_nav a:active { background: #e00025;}

#n_sub_nav a.on{ background:#e00025; border:1px solid #e00025; color:#fff;}







#n_gonggao ul li{ position:relative; height:150px; border-bottom:1px solid #eaebef;}

#n_gonggao ul li .riqi{ position:absolute; width:95px; height:80px; top:33px; border:2px solid #eaebef; font-size:36px; color:#747678; box-sizing:border-box; text-align:center; font-family:arial; padding-top:8px;}

#n_gonggao ul li .riqi span{ display:block; font-size:12px; color:#88888a; font-family:arial;}

#n_gonggao ul li .txt{ padding-left:80px; margin-left:46px; height:150px; padding-right:1.25rem;}

#n_gonggao ul li .txt h5{ padding-top:38px; margin-bottom:1.125rem; font-size:1rem; color:#434345;}

#n_gonggao ul li .txt p{ font-size:12px; color:#9c9f9f; line-height:1.25rem; height:40px; overflow:hidden;}

#n_gonggao ul li:hover{ border-bottom:1px solid #fff;}

#n_gonggao ul li:hover .txt{ background:#f3f3f4; }

#n_gonggao ul li:hover .riqi{ background:#e00025; border:2px solid #e00025; color:#fff;}

#n_gonggao ul li:hover .riqi span{ color:#fff;}

#n_gonggao ul li h5:hover{ color:#111;}







.page { margin:0px auto 0px auto; padding-top:70px;}

.page .box{display:inherit; width:100%;  text-align: center;}

.page a{ padding:0 0.9375rem; height:40px; line-height:40px; display:inline-block; margin-left:7px; color:#919191; font-size:0.875rem; background:#f1f1f1; }

.page span{ display:inline-block; height:40px; line-height:40px; margin-left:7px; color:#919191; font-size:0.875rem; }

.page .on{ color:#e00025 !important; font-weight:bold;}

.page a font{  font-size: 12px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}

.page a:hover{color:#e00025 !important; text-decoration:none; font-weight:bold;}

.page a:hover font{ }

.page input{ padding:0 0.9375rem; height:40px; line-height:40px; width:75px; display:inline-block; margin-left:7px; color:#919191; font-size:0.875rem; background:#f1f1f1; }



#n_news{}

#n_news .box1{}

#n_news .box1 ul{ margin:0 -7.5px;}

#n_news .box1 ul li{ width:390px; height:334px; position:relative; margin:0 7.5px; float:left;}

#n_news .box1 ul li .time{ width:72px; height:80px; background:#e70012; color:#fff; text-align:center; font-family:arial; padding-top:1.125rem; position:absolute; top:0; left:25px; z-index:1;}

#n_news .box1 ul li .time span{ font-size:26px; font-weight:bold;}

#n_news .box1 ul li .time p{ font-size:12px;}

#n_news .box1 ul li .img{ width:100%; height:239px; position:relative;}

#n_news .box1 ul li .img>img{ width:100%; height:100%;}

#n_news .box1 ul li .img:before{ content:""; display:block; position: absolute; width: 100%; height: 100%; left:0; top:0; background:url(../images/jia.png) center no-repeat rgba(0,0,0,.4);transition:.5s;-webkit-transition: .5s; 

filter: alpha(opacity=0); 

-moz-opacity: 0;  

-khtml-opacity: 0;  

opacity: 0;}

#n_news .box1 ul li:hover .img:before{

filter:alpha(opacity=100); /* IE */  

-moz-opacity:1; /* 老版Mozilla */  

-khtml-opacity:1; /* 老版Safari */  

opacity: 1; /* 支持opacity的浏览器*/ 

}

#n_news .box1 ul li .txt{ height:94px; background:#f1f1f1 url(../images/n_news_ico.png) center 56px no-repeat; transition:.3s;}

#n_news .box1 ul li:hover .txt{ background:#f1f1f1 url(../images/n_news_ico_on.png) center 56px no-repeat;}

#n_news .box1 ul li .txt h5{ font-size:1.0625rem; color:#454545; margin:0 1.0625rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:56px;}

#n_news .box2{ border-top:1px solid #e4e4e4; margin-top:48px; padding-top:48px;}

#n_news .box2 ul{}

#n_news .box2 ul li a{ display:block; height:147px; border-bottom:1px dashed #e5e5e5; padding:30px; position:relative; overflow:hidden;}

#n_news .box2 ul li .time{ font-size:1.5rem; color:#adadad; font-family:arial; display:block;}

#n_news .box2 ul li h5{ font-size:1.0625rem; color:#585859; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:10px; margin-bottom:8px;}

#n_news .box2 ul li p{ font-size:13px; color:#848484; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#n_news .box2 ul li:hover a{ background:#f1f1f1; border-bottom:1px solid #f1f1f1; }

#n_news .box2 ul li:hover p{ margin-right:150px;}

#n_news .box2 ul li:hover .time{ color:#e00025; font-weight:bold;}

#n_news .box2 ul li a:after{ content:""; display:block; width:100px; height:100%; background:url(../images/n_news_ico2.png) center no-repeat #e00025; position:absolute; bottom:0; right:0; opacity:0;}

#n_news .box2 ul li:hover a:after{ top:0; opacity:1;}





.j_form{ margin-top:30px; margin:0 auto; border:0;}

.j_form .form_group{ margin-bottom:0.9375rem; position:relative; font-size:0.875rem; color:#7d7d7d;}

.j_form .form_group font{ position:absolute; left:3px; color:#cf574d; top:40%;}

.j_form .form_group .ico{ display: table; height:100%; text-align:center; width:48px; float:left; font-style: normal; position:absolute;}

.j_form .form_group .ico:before{ content:""; display:block; width:1px; height:25px; background:#d7d7d7; right:0; position:absolute; top:1rem;}

.j_form .form_group .ico img{ position: relative; top:1.25rem; }

.j_form .form_group input{ height:57px; font-size:0.875rem; color:#959494; width:100%; border:0; outline:0; box-shadow:none;-webkit-appearance: none;

	-moz-appearance: none; border:1px solid #e0e5e3; border-radius:3px; padding-left:65px; background:#f5f5f5;}

.j_form .form_group textarea{  border:1px solid #e0e5e3; border-radius:3px; width:100%; background:#f5f5f5; box-shadow:none; padding:0.9375rem 12px;font-size:0.875rem; color:#959494;font-family: 'Microsoft YaHei'; line-height:24px; margin:0;}	

.j_form .form_group .abs_r{ position:absolute; height:100%; right:10px; top:8px; line-height:43px; font-size:0.875rem;}

.j_form .form_group .abs_r img{ height:38px;}

.j_form .btn_chongzhi{ background:#dfdfdf; text-align:center; height:49px; color:#8c8c8c; width:143px; border:0; outline:0; font-size:0.875rem; margin-right:6px; }

.j_form .btn_tijiao{ background:#e00025; text-align:center; height:51px; color:#fff; width:145px; border:0; outline:0; font-size:0.875rem; border-radius:3px;  margin-left:1.25rem; cursor:pointer;}

.j_form .btn_yanzheng{ background:#d5d5d5; text-align:center; height:49px; width:113px; line-height:49px; text-align:center; display: inline-block; color:#8c8c8c; border:0; outline:0; font-size:0.875rem; margin-right:6px; position:absolute; right:10px; }

.j_form .form_group input.yanzheng{ padding-left:1.25rem; width:20.9375rem; height:51px;}

.j_form .btn_chongzhi:hover{ background:#cac7c7;}

.j_form .btn_tijiao:hover{ background:#d00022;}

input::-webkit-input-placeholder{color:#a7a6a6; font-size:0.875rem;}

input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#a7a6a6; font-size:0.875rem;}

input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#a7a6a6; font-size:0.875rem;}

input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#a7a6a6; font-size:0.875rem;}/* WebKit browsers */

input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */

input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */

input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */

input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */



textarea::-webkit-input-placeholder{color:#a7a6a6; font-size:0.875rem; font-family: 'Microsoft YaHei';}

textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#a7a6a6; font-size:0.875rem; font-family: 'Microsoft YaHei';}

textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#a7a6a6; font-size:0.875rem; font-family: 'Microsoft YaHei';}

textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#a7a6a6; font-size:0.875rem; font-family: 'Microsoft YaHei';}/* WebKit browsers */

textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */

textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */

textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */

textarea:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */

textarea::-webkit-scrollbar {width: 1px; }



#n_tousu .m{ padding:0 49px; overflow:hidden;}



#n_sub_nav2{ text-align:center; font-size:0; margin-bottom:50px;}

#n_sub_nav2 a{ display: inline-block; width:200px; height:55px; text-align:center; line-height:53px; border:1px solid #e6e6e8; background:#f2f2f2; font-size:0.9375rem; color:#535355; margin:0 5px;

 position: relative; overflow:hidden; z-index:0; -webkit-transition: 0.3s; transition: 0.3s;

}

#n_sub_nav2 a:after {

  content: '';

  width: 0;

  height: 0;

  -webkit-transform: rotate(360deg);

  border-style: solid;

  border-width: 0 0 0 0;

  border-color: #e00025 transparent transparent transparent;

  position: absolute; -webkit-transition: 0.5s; transition: 0.5s; z-index:-1;

  top: 0;

  left: 0;}

#n_sub_nav2 a:hover { color: #fff;}

#n_sub_nav2 a:hover:after { border-width: 330px 330px 0 0;}

#n_sub_nav2 a:active { background: #e00025;}

#n_sub_nav2 a.on{ background:#e00025; border:1px solid #e00025; color:#fff;}



#n_join{}

#n_join .fl{ width:319px; float:left;}

#n_join .box2{ height:145px; background:#f2f2f2; margin-top:0.9375rem;}

#n_join .box2 img{ float:left; width:89px; height:89px; border:1px solid #cbcbcb; margin-left:54px; margin-top:29px; margin-right:1.25rem;}

#n_join .box2 .txt{ display:table; height:100%;}

#n_join .box2 .txt p{ display:table-cell; vertical-align:middle; font-size:13px; color:#7b7b7b; line-height:23px;}

#n_join .fr{ width:840px; float:right;}



#n_join #list_slide{  position:relative; }

#n_join #list_slide dl{ background:#f3f3f5; position: relative; margin-bottom:11px; }

#n_join #list_slide dt{ position:relative; cursor:pointer; height:55px; }

#n_join #list_slide dt.on{ background:#e00025 !important; }

#n_join #list_slide dt:hover{ background:#dddde4; }

#n_join #list_slide dt h1{  color:#222; padding-left:30px; font-weight:bold; font-size:1rem; line-height:53px; background:url(../images/ico_s.png) right center no-repeat;  display:block; margin-right:30px;}

#n_join #list_slide dt.on h1{ color:#fff;}

#n_join #list_slide dd{ display:none; line-height:24px;  padding: 0px 30px; padding-bottom:0.9375rem;}

#n_join #list_slide dd p{  margin-bottom:0;}

#n_join #list_slide dd p:last-child{ padding-bottom:0;}

#n_join #list_slide dd .content{ padding:25px 0 0.9375rem 0px;}

#n_join #list_slide dd .content { color:#7b7b7b; font-size:13px; line-height:28px;}

#n_join #list_slide dd .content *{ color:#7b7b7b; font-size:13px; line-height:28px;}

#n_join #list_slide dd .content p{ margin-bottom:1.25rem;}

#n_join #list_slide dt.on h1{ background:url(../images/ico_s_on.png) right center no-repeat ;  }



#n_join #list_slide .info{ overflow:hidden;}

#n_join #list_slide .info>p{ float:left; width:600px;}

#n_join #list_slide .info span{ display:inline-block;}

#n_join #list_slide .info a.btn{ width:100px; height:34px; text-align:center; line-height:34px; color:#fff; font-size:13px; border-radius:3px; float:right; background:#e00025;}

#n_join #list_slide .info a.btn:hover{ background:#d00022;}



#n_lianxi{ overflow:hidden; }

#n_lianxi .hd{ margin-bottom:40px;}

#n_lianxi .hd ul{ margin:0 -19px;}

#n_lianxi .hd ul li{ width:23%; height:450px; background:#f2f2f2; border-radius:3px; padding:35px 25px; float:left; margin:0 0.7rem; cursor:pointer; transition:.2s; position:relative;}

#n_lianxi .hd ul li .img{ width:100%; height:170px; border:3px solid #fff;}

#n_lianxi .hd ul li .txt{ padding:0 6px;}

#n_lianxi .hd ul li h5{ font-size:1.125rem; color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:19px 0; transition:.2s; }

#n_lianxi .hd ul li p{ font-size:0.875rem; color:#838385; line-height:1.575rem; height:10rem; overflow:hidden; transition:.2s;}

#n_lianxi .hd ul li.on{ background:#e00025;}

#n_lianxi .hd ul li.on h5{ color:#fff;}

#n_lianxi .hd ul li.on p{ color:#fff;}



#n_lianxi .hd ul li:before{ content:""; display:block; border:11px solid transparent;position:absolute; bottom:-11px; left:50%; margin-left:-11px; transition:0s;}

#n_lianxi .hd ul li.on:before{ opacity:1; bottom:-21px;border-top:11px solid #e00025;  transition:.3s;  }

#n_lianxi .bd{ margin-top:40px; border:1px solid #e3e2e2; overflow:hidden;}





/*==============新闻详情=====================*/

#n_show_news{ position:relative; padding-bottom:60px;}



#right_news{ width: 262px; float:right; }

#right_news .title{ padding-bottom: 10px;}

#right_news .title h1{ font-size:1.125rem; color:#4e4e4e;}

#right_news a{ display: block;}

#right_news ul li{ padding-bottom: 1.125rem; margin-top: 0.9375rem; border-bottom: 3px solid #dedede; }

#right_news ul li span{ font-size:1.375rem; color:#979797; font-family:arial;}

#right_news ul li h5 a{ font-size:1rem; color:#545454; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:9px 0;}

#right_news ul li p{ font-size:12px; color:#969696; line-height:1.25rem; height:40px; overflow: hidden;}

#right_news ul li h5 a:hover{ color:#e00025;}

/*==============新闻详情=====================*/



.n_article { width: 880px; float: left;}

.n_article .ar_title{ margin-bottom: 1.25rem ; padding-bottom: 1.25rem; border-bottom: 3px solid #e4e4e4; }

.n_article .ar_title .time{ font-size:1.5rem; color:#e00025; font-weight:bold; font-family:arial; margin-bottom:10px;}

.n_article  .ar_title h2{ position: relative; height: 2.25rem; line-height: 2.25rem; margin-top:5px;}

.n_article .ar_title h1{ font-size:1.375rem;  display:block; text-align:left; padding-bottom:8px; color:#585859;}

.n_article .ar_article{ padding-top:10px; padding-bottom:1.25rem;  min-height:180px;}

#ar_fot{ margin-top:10px; position:relative; padding:0.9375rem 45px;  border-top:10px solid #f3f4f8;}

#ar_fot h1{ display:block;font-size:13px; color:#656667; line-height:30px;  }

#ar_fot h1 a{ font-size:12px; color:#656667; font-weight:normal; display: block;}

#ar_fot h1 a:hover{ color:#c10000;}

#ar_fot h1.fr{ text-align:right;} 

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:0.875rem; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}



/*==============字号控件=====================*/

#font_set_box{ position:absolute; right:0px; top:0px; background: url(../images/icon_font.png) left center no-repeat; padding-left: 1.25rem;}

.font_box{ display:inherit; position:relative; }

.font_box a { display:inline-block; width:0.875rem; line-height:36px;  background: #fff; font-size:12px; color: #c4c5c7; text-align:center;}

.font_box a:hover{ color:#c10000; }

.font_size_lg{ font-size:1.125rem !important; line-height: 40px !important;}

.font_size_lg p{ font-size:1.125rem !important; line-height: 40px !important;}

.font_size_md{ font-size:1rem !important; line-height: 36px !important;}

.font_size_md p{ font-size:1rem !important;  line-height: 36px !important;}

.font_size_sm{ font-size:0.875rem !important;}

.font_size_sm p{ font-size:0.875rem !important;}

/*==============分享插件=====================*/

.shart_box{ display: inline-block; height: 36px; overflow: hidden; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out; font-weight:100; font-size:12px; color:#878789; margin-left:10px;}

.shart_box img{ margin-right:6px;}

.shart_box:hover #j_shart{ opacity:1 !important; }

#j_shart .bds_count{ font-size:12px;}

#j_shart{ position:relative; opacity:0; float: right; margin-left: 10px;}

#j_shart strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

#j_shart .bds_qzone{background:url(../images/j_shart2.png) center -224px no-repeat}

#j_shart .bds_tsina{background:url(../images/j_shart2.png) center -311px no-repeat}

#j_shart .bds_tqq{background:url(../images/j_shart2.png) center -195px no-repeat}

#j_shart .bds_renren{background:url(../images/j_shart2.png) center -340px no-repeat}

#j_shart .bds_weixin{background:url(../images/j_shart2.png) center -253px no-repeat}

#j_shart .bds_sqq{background:url(../images/j_shart2.png) center -79px no-repeat}

#j_shart .bds_fbook{background:url(../images/j_shart2.png) center -166px no-repeat}

#j_shart .bds_twi{background:url(../images/j_shart2.png) center -137px no-repeat}

#j_shart .bds_linkedin{background:url(../images/j_shart2.png) center -108px no-repeat}

#j_shart .bds_tieba{background:url(../images/j_shart2.png) center -253px no-repeat}

#j_shart .bds_huaban{background:url(../images/j_shart2.png) center -253px no-repeat}

#j_shart .bds_douban{background:url(../images/j_shart2.png) center -253px no-repeat}

#j_shart .bds_copy{background:url(../images/j_shart2.png) center -253px no-repeat}

#j_shart .bds_print{background:url(../images/j_shart2.png) center -253px no-repeat}

#j_shart .bds_mshare{background:url(../images/j_shart2.png) center -253px no-repeat}

#j_shart .bds_count{font-size:12px}





.search{ float:left; width:100%; height:45px; overflow:hidden; position:relative; z-index:0; margin-bottom:40px; background:#fff; }

.search .searchbar{ height:45px; padding:0 1.25rem; background:none; width:20.9375rem; font-size:0.875rem; color:#bbbbbb; font-family:'Microsoft YaHei'; font-weight:100;}

.search .searchbtn{ display:block; position:absolute; cursor:pointer; top:0; right:0; width:50px; height:45px; z-index:9; background:#e00025 url(../images/fdj.png) center no-repeat; color:#fff; transition:.3s;}

.search .searchbtn:hover{ background:#ca0021 url(../images/fdj.png) center no-repeat;}



#n_news_xq{ overflow:hidden; padding-top:69px;}

#bdshare_weixin_qrcode_dialog{ box-sizing:content-box;}



#n_gaikuang{ overflow:hidden; margin-bottom:80px;}

#n_gaikuang .fl{ width:37rem !important; float: left; padding-top:23px;}

#n_gaikuang .fr{ position:relative; height:560px; overflow:hidden; cursor:pointer;}

#bnt_show_video .mask{ position:absolute; left:0; top:0; width:100%; height:100%;}

#bnt_show_video .mask p{ color:#fff; margin-top:1.125rem;}

#n_gaikuang .fr .mask img{ transition:.3s;}

#n_gaikuang .fr .mask img:hover { transform:scale(.9);}



#s_video_box a{ display: block; position: relative; width: 100%; height: 290px; overflow: hidden;} 

#s_video_box a img.img{}

#s_video_box a .icon{ position: absolute; left:0; top: 0; width: 100%; height: 100%;    display:block;  background: url(../images/icon_play.png) center no-repeat;}

#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.9);}

#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-350px; margin-top:-200px;}

#page_video{ width:700px; height:399px;  background:none; position:relative;}

#page_video .video_box{border:0; width:700px; height:399px;}

#bnt_close{ display:block; width:50px; height:50px; position:absolute; top:-50px; right:-50px; background:none; font-size:30px; color:#fff !important; line-height:50px; text-align:center;}

#bnt_close:hover{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

	

#n_honor{ background:#f6f6f6; padding-top:100px; padding-bottom:80px;}

.n_tt{ text-align: center; font-size:1.375rem; color:#444444; background: url(../images/n_tt_bg.png) center no-repeat; line-height:40px; margin-bottom:25px;}

#n_honor .item a{ display: block;}

#n_honor .item .img{ width:280px; height:180px; background:#dcdcdc; overflow:hidden;}

#n_honor .item .img .j_tab_cel{ width:280px; height:180px;}

#n_honor .item .img img{ max-width:70%; max-height:90%; height:auto; width:auto; display:inline-block; transition:.6s; -webkit-transition:.6s;}

#n_honor .item:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1); }

#n_honor .item h5{ font-size:0.9375rem; color:#5c5c5c; height:55px; line-height:55px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.honor2{ border-top:1px solid #dedede; margin-top:30px; padding-top:40px;}

#n_honor .owl-theme .owl-nav{ display:block;}

#n_honor .owl-theme .owl-prev{ position:absolute; top:35%; left:-50px; font-size:0; width:10px; height:1.125rem; background:url(../images/honor_left.png) center no-repeat;}

#n_honor .owl-theme .owl-next{ position:absolute; top:35%; right:-50px; font-size:0; width:10px; height:1.125rem; background:url(../images/honor_right.png) center no-repeat;}



#n_yanfa{ padding:80px 0; overflow:hidden;}



#n_wenhua{ border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding-top:78px; padding-bottom:70px;}

#n_wenhua .hd{ height:0px; margin-bottom:0rem;}

#n_wenhua .hd ul{ margin:0 -15px; padding-top:25px;}

#n_wenhua .hd ul li{ width:85px; height:85px; border-radius:50%; float:none; margin:1rem 2.8125rem; padding-top:14px; cursor:pointer; transition:.2s; position:relative; background:rgba(255,255,255,0.5);}

#n_wenhua .hd ul li:after{content:"";width:9px;height:6px;position: absolute;bottom:-10px; left:50%; margin-left:-4.5px; background:url(../images/n_nav_ico.png) center no-repeat; -webkit-transition:0.3s;transition:0.3s; opacity:0; transform:scale(0); -webkit-transform:scale(0);}

#n_wenhua .hd ul li.on:after{ transform:scale(1); -webkit-transform:scale(1); opacity:1; bottom:-1.375rem; display:none;}

#n_wenhua .hd ul li span{ display:block; width:37px; height:37px; margin:0 auto; transition:.2s;}

#n_wenhua .hd ul li p{ font-size:0.8rem; color:#444444; text-align:center; transition:.2s;}

#n_wenhua .hd ul li.li_1 span{ background:url(../images/wenhua_ico1.png) center no-repeat;}

#n_wenhua .hd ul li.li_2 span{ background:url(../images/wenhua_ico2.png) center no-repeat;}

#n_wenhua .hd ul li.li_3 span{ background:url(../images/wenhua_ico3.png) center no-repeat;}

#n_wenhua .hd ul li.li_4 span{ background:url(../images/wenhua_ico4.png) center no-repeat;}

#n_wenhua .hd ul li.li_5 span{ background:url(../images/wenhua_ico5.png) center no-repeat;}

#n_wenhua .hd ul li.li_6 span{ background:url(../images/wenhua_ico6.png) center no-repeat;}

#n_wenhua .hd ul li.on{ background:#e00025;}

#n_wenhua .hd ul li.on p{ color:#fff;}

#n_wenhua .hd ul li.on.li_1 span{ background:url(../images/wenhua_ico1_on.png) center no-repeat;}

#n_wenhua .hd ul li.on.li_2 span{ background:url(../images/wenhua_ico2_on.png) center no-repeat;}

#n_wenhua .hd ul li.on.li_3 span{ background:url(../images/wenhua_ico3_on.png) center no-repeat;}

#n_wenhua .hd ul li.on.li_4 span{ background:url(../images/wenhua_ico4_on.png) center no-repeat;}

#n_wenhua .hd ul li.on.li_5 span{ background:url(../images/wenhua_ico5_on.png) center no-repeat;}

#n_wenhua .hd ul li.on.li_6 span{ background:url(../images/wenhua_ico6_on.png) center no-repeat;}

#n_wenhua .bd img{ max-width:100%;}



#n_zigongsi{ padding-top:75px;}

#n_zigongsi .item h5{ position:absolute; bottom:0; left:0; width:100%; height:55px; line-height:55px; background: rgba(0,0,0,.55); color:#fff; font-size:1rem; padding:0 1.25rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

#n_zigongsi .owl-theme .owl-nav{ display:block;}

#n_zigongsi .owl-theme .owl-prev{ position:absolute; top:50%; margin-top:-1.25rem; left:-80px; font-size:0; width:40px; height:40px; background:url(../images/zigongsi_left.png) center no-repeat;}

#n_zigongsi .owl-theme .owl-next{ position:absolute; top:50%; margin-top:-1.25rem; right:-80px; font-size:0; width:40px; height:40px; background:url(../images/zigongsi_right.png) center no-repeat;}

#n_zigongsi .img{ overflow:hidden;}

#n_zigongsi .img img{ transition:.6s; -webkit-transition:.6s;}

#n_zigongsi .item:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1); }



#n_pro{ background:#fff;}

#n_pro ul{}

#n_pro ul li{ overflow:hidden;}

#n_pro ul li .txt{ width:503px; display:table; height:600px;}

#n_pro ul li .txt .j_tab_cel{ text-align:left;}

#n_pro ul li .txt h3{font-size:1.75rem; color:#444444; margin-bottom:23px;}

#n_pro ul li .txt p{ font-size:0.9375rem; color:#484646; line-height:30px; margin-bottom:30px; max-height:60px; overflow:hidden;}

#n_pro ul li .txt .btn{ display:block; width:140px; height:40px; line-height:40px; text-align:center; background:#e00025; border-radius:1.25rem; font-size:0.875rem; color:#fff; position:relative; padding-right:25px;}

#n_pro ul li .txt .btn:after{ content:""; display:block; width:30px; height:30px; border-radius:50%; background:#fff url(../images/pro_ico.png) right center no-repeat; position:absolute; top:5px; right:5px; transition:.3s;}

#n_pro ul li .txt .btn:hover:after{background:#fff url(../images/pro_ico.png) left center no-repeat;}

#n_pro ul li .pic{ display:table; height:600px; margin-right:-35px;}

#n_pro ul li .pic a{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:right;}

#n_pro ul li .fl.pic{ margin-left:-75px;}



.pro_list{ width:294px; background:#f2f2f2; border-top:1px solid #e6e6e8; border-bottom:0;}

.pro_list ul{}

.pro_list ul li{ line-height:54px;border:1px solid #ddd; border-top:0;}

.pro_list ul li dt{ padding:0 29px; background:#eaeaea; cursor:pointer;}

.pro_list ul li.on dt{ background:#e00025; color:#fff;}

.pro_list ul li dd{ line-height:35px; padding:20px 0;}

.pro_list ul li a{ font-size:0.9375rem; color:#535355; display:block; padding:0 29px;}

.pro_list ul li a:hover,.pro_list ul li .on{ color:#e00025; }

.pro_con{ width:845px;}

.pro_slide{ width:100%; height:434px; border:1px solid #ccc; position:relative;  overflow:hidden; margin-bottom:40px;}

.pro_slide .hd{ width:140px; position:absolute; right:32px; overflow:hidden; height:100%; display:table; }

.pro_slide .hd ul{ height:100%; display:table-cell; vertical-align: middle; }

.pro_slide .hd ul li{ width:140px; height:102px; text-align:center; overflow:hidden; }

.pro_slide .hd ul li img{ width:140px; height:91px; cursor:pointer; vertical-align:bottom;  border:1px solid #d8d8d8;}

.pro_slide .hd ul li.on img{ border:1px solid #e00025; }

.pro_slide .bd{ width:544px; position:relative; top:21px; }

.pro_slide .bd li{ position:relative; zoom:1; vertical-align:middle;}

.pro_slide .bd li img{ width:600px; height:392px; vertical-align:bottom; }



#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff;}

#section0 .j_tab{ top:150px; opacity:0; transform:scale(.6); -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}

#section0.active .j_tab{ top:0 !important; opacity:1; transform:scale(1);}



#section1 .video_li{ position:relative; top:150px; opacity:0; transform:scale(.6); -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;  top:0 !important; opacity:1; transform:scale(1);}

/*#section1.active .video_li{ top:0 !important; opacity:1; transform:scale(1);}*/



#section2 .txt{ position:relative; top:35%; opacity:0; transform:scale(.8); -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}

#section2.active .txt{ top:20%; opacity:1; transform:scale(1);}



#section3 #s_news{ opacity:0; transform:scale(.9); -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}

#section3.active #s_news{opacity:1; transform:scale(1);}



#section4 .m{ opacity:0; transform:scale(.9); -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}

#section4.active .m{opacity:1; transform:scale(1);}





/*

#gsgk,#rongyu,#jishuyanfa,#qiyewenhua,#zgsjj{top: -150px;

    display: block;

    position: relative;}*/



.video_li p{ color:#fff !important; font-size:1.375rem !important; margin-top: 2.4375rem !important;}

.video_li img{ width:5.0625rem;}	

#bnt_close01{ top:4.25rem !important; border-radius:50%;}

#jishuyanfa{ display:block;}

@media (max-width: 1440px)

{

	.m{ width:1100px;}

	#header{ height:4rem; line-height:4rem; }

	#n_header{ height:4rem; line-height:4rem; }

	#header #logo img{ width:12.5rem;}

	#n_header #logo img{ width:12.5rem;}

	#n_main{ margin-top:4rem; padding-top: 0;}

	.banner .j_tab_cel h3{ font-size:2.5rem;}

	#section2 ul li h5{ font-size:1.6rem;}

	#section3 h3 img{ width:7rem;}

	#n_wenhua .hd ul{ margin-left:0;}

	#n_wenhua .hd ul li{ margin:2rem; margin-top:0; margin-bottom:1.3rem;}

	#n_news .box1 ul li{ width:356px;}

	#n_news .box1 ul li .img{ }

	#n_news .box1 ul li .img img{ display:block;}

	/*#n_lianxi .hd ul li{width: 23%; height: 441px;padding: 28px 24px;}*/

	#n_tousu .j_form{ width:521px !important;}

	#n_main h3{ font-size:1.75rem !important;}

	#n_main h3.n_tt{font-size:1.375rem !important;}

	#n_join .fr{ width:762px;}

	.pro_con{ width:779px;}

	#bnt_close01{ top:4rem !important;}

	#right_news{ width: 221px;}

	#n_news_xq .n_article{ width:839px;}

}



.ovhd{ overflow:hidden;}

#n_zigongsi {

    padding-top: 80px;

}

#galleryOverlay{ z-index:10000000 !important;}

#galleryOverlay .placeholder:after{ content:"✕"; position:fixed; top:50px; right:50px; color:#eee;color: rgba(255,255,255,.6); font-size:20px; cursor:pointer; }

#galleryOverlay .placeholder img{ max-width:90% !important; max-height:80% !important;}

.portlet{ text-align: center;}
.portlet-body{ display: inline-block;}




#n_main #n_tousu2 input, #n_main #n_tousu2 select,#n_main #n_tousu2 textarea{ width: 670px !important; display: block;}